<template>
    <div>
        <!-- 轮播区域 -->
      <banner :alist='alist'></banner>
  <!-- 六宫格 -->
<ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/newlist">
									 <img src='../image/menu1.png' alt=''>
									<div class="mui-media-body">新闻资讯</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/photoList">
									<img src='../image/menu2.png' alt='111'>
									<div class="mui-media-body">图片分享</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/shopList">
									<img src='../image/menu3.png' alt='111'>
									<div class="mui-media-body">商品购买</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src='../image/menu4.png' alt='111'>
									<div class="mui-media-body">location</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src='../image/menu5.png' alt='111'>
									<div class="mui-media-body">Search</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src='../image/menu6.png' alt='111'>
									<div class="mui-media-body">Phone</div>
								</a>
							</li>
						
						</ul>


    </div>
</template>
<script>
import banner from '../component/banner.vue'
export default {
    data(){
          return{
              alist:[]
          }
          
    },
    created() {
        this.getBannerList()
    },
    methods:{
         getBannerList(){
             this.$http.get("api/getlunbo").then(result =>{
                 if(result.body.status==0){
                     this.alist=result.body.message
                 }
                 
                 
                 
                 
             })
             }
         },
         components:{
             banner
         }
    }

</script>
 <style lang="less" scoped>
    .mint-swipe{
        height: 25vh;
        
       
    }
     .mui-grid-view.mui-grid-9{
            background: #fff;
            img{
                width:60px;
                height:60px;
            }
        }
</style>